import React, { Component } from 'react'
import { Outlet, NavLink } from "react-router-dom";
import './App.css'
export default class App extends Component {
  render() {
    return (
      <div>
        <div>App</div>
        <NavLink to="/" className={({ isActive }) => isActive ? "nav-active" : void 0}>首页</NavLink>
        <NavLink to="/home/page1" state={"From Product"} className={({ isActive }) => isActive ? "nav-active" : void 0}>home</NavLink>
        <NavLink to="/about" className={({ isActive }) => isActive ? "nav-active" : void 0}>about</NavLink>
        <NavLink to="/wiki/6" className={({ isActive }) => isActive ? "nav-active" : void 0}>wiki</NavLink>
        <Outlet />
      </div>
    )
  }
}